.gray{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.5);
}
.loadData{
    width:100px;
    height:100px;
    position: fixed;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
    background: rgba(0,0,0,0.6);
    border-radius: 10px;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content:center;
    img{
        width:80%;

    }
}
.overflow{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

@media screen and (min-width:768px) {
    body,html,#app{
        min-width: 1336px;
        max-width: 1336px;
        background: #f4f4f4;
        color: #737373;
        height: 100%;
    };
}

body,html{
    height:100%;
    width:100%;
    margin: 0 auto;
    padding: 0;
    position: relative;
    // font-size: 13px;
}
#app{
    width:100%;
    margin: 0 auto;
    padding: 0;
    height:100%;
    left:0;
    top:0;
    -webkit-overflow-scrolling: touch;

    position:absolute;
}
@mixin wh($wid,$hei) {
    width:$wid;
    height:$hei;
}
@mixin abso($top,$left){
    position: absolute;
    top:$top;
    left:$left;
}
  ul, li, ol, dl, dd,a{
    list-style: none;
    padding: 0;
    margin:0;
  }
  :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:#B1C1C8;
  }

  ::-moz-placeholder { /* Mozilla Firefox 19+ */
      color:#B1C1C8;
  }

  input:-ms-input-placeholder{
      color:#B1C1C8;
  }

  input::-webkit-input-placeholder{
      color:#B1C1C8;
  }
.text-right{
    text-align: right;
}
.text-center{
    text-align: center;
}
.message-container{
    .el-input__inner{
        border:none
    }
}
.tel-container
{
    .el-input__inner{
        background: #F3F3F3;
        border:none
    }
    .el-button--small{
        background: #44B3AC;
        color:#ffffff;
    }
}
.text-right{
    text-align: right;
}
.template-component{
    .el-carousel{
        img{
            width:100%;
            height:100%;
        }
    }
}



